// place your custom styles here

// 导航栏 Logo
.vp-nav-logo {
  border-radius: 15%;
}

// 主页标题样式
#main-title {
  // 背景渐变
  background-image: linear-gradient(120deg, orange, purple);
  // 文字颜色透明
  color: transparent;
  // 将背景裁剪成了文字的前景色
  background-clip: text;
}

// 主页描述样式
.vp-description {
  color: aqua;
}

// Vue 交互演示
.theme-hope-content {
  // 代码文件选择器
  .file-selector[data-v-f661725b] {
    height: 50px;
  }

  // 代码效果选择按钮
  .tab-buttons[data-v-f221f6e0] {
    height: 40px;
  }

  // 代码效果展示区
  .vue-playground-wrapper .repl-container .vue-repl {
    height: 500px;
  }
  .right[data-v-b004c5a4] {
    //overflow: auto;
    // 展示区
    .output-container[data-v-f221f6e0] {
      height: 460px;
      overflow: auto;
    }
  }
}